.my-box-page{
  .banner{
    width: 100%;
    height: 200rpx;
    display: block;
  }
  .icon{
    width: 32rpx;
    height: 32rpx;
    display: block;
  }
  .num{
    color: #FF0000;
    display: inline-block;
  }
  .header{
    @include flex;
    @include center;
    font-size: 28rpx;
    font-weight: 400;
    height: 100rpx;
    background: #fff;
    position: relative;
    .icon{
      width: 28rpx;
      height: 28rpx;

      // &.icon-right{
      //   top: 34rpx;
      //   right: 30rpx;
      //   position: absolute;
      // }
    }
  }
  .block{
    margin-top: 16rpx;
    background: #fff;
    .block-title{
      @include flex;
      @include a-center;
      padding: 32rpx;

      .sub-item{
        @include sub-item;
        margin-left: 16rpx;
      }
      .view-more{
        @include flex;
        @include a-center;
        color: #999;
      }
    }
    .block-content{
      .content-item{
        font-size: 24rpx;
        width: 25%;
        text-align: center;
        display: inline-block;
        padding-bottom: 32rpx;
        .image{
          width: 80rpx;
          height: 80rpx;
          display: inline-block;
        }
      }
      &.size-small{
        .content-item{
          .image{
            width: 56rpx;
            height: 56rpx;
          }
        }
      }
    }
  }
}